<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>  
<!DOCTYPE html>
<html>
<head>
	<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>宽仁妇孺</title>
	
	 <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/lrtk/lrtk.css" />
	 <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/mobile/jquery.mobile-1.4.2.min.css" />
	 
	 <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
	 <script type="text/javascript" src='${pageContext.request.contextPath}/js/lrtk/lrtk.js'></script>
	 <script type="text/javascript" src="${pageContext.request.contextPath}/js/mobile/jquery.mobile-1.4.2.min.js"></script>
	 <script type="text/javascript" src="${pageContext.request.contextPath}/js/page/weixin/jweixin-1.0.0.js"></script>
	 <script type="text/javascript" src="${pageContext.request.contextPath}/js/page/weixin/main/main.js"></script>
	 
<script type="text/javascript">
wx.config({
    debug: false, 
    appId: '${appId}', 
    timestamp: '${timestamp}', 
    nonceStr: '${nonceStr}', 
    signature: '${signature}',
    jsApiList: ['closeWindow','getLocation'] 
});

wx.ready(function(){
	
	//获取地理位置信息
	wx.getLocation({
	    success: function (res) {
	        var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
	        var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
	        var speed = res.speed; // 速度，以米/每秒计
	        var accuracy = res.accuracy; // 位置精度
	        
	        getLocationName(latitude,longitude);
	    }
	});
	
});

wx.error(function(res){
	
});

$(document).ready(function(e) {
	var winWidth=$(document).width();
	winWidth=winWidth-18;
	var selWidth=Math.ceil(winWidth/3);
	$(".divSel").css({"width":selWidth});
	
	$(".og_prev").each(function(){
		$(this).css({top:Math.ceil(((imgWidth*1.5)/2)-25)+'px'});
	});
	$(".og_next").each(function(){
		$(this).css({top:Math.ceil(((imgWidth*1.5)/2)-25)+'px'});
	});
});


</script>
<style type="text/css">
.divDoctorDesMain{
	margin: 10px;
	border: 1px solid #dedede;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
}
select{
	height: 25px;
	line-height: 25px;
	border: 1px #ccc solid;
	text-indent: 5px;
	font-size: 14px;
	border-top-color: #9c9c9d;
	color: #a0a0a0;
	-webkit-box-shadow: inset 0 1px 3px #aaa;
	-webkit-border-radius: 3px;
}

</style>
</head>
<body style="height:100%;margin-bottom:0px;">
<div data-role="page" id="pageone" style="background-color: #e9e9e9;">
<input id="wx_open_id" type="hidden" value="${openId }">
<input id="wx_hospital_id_sel" type="hidden" value="${hospitalId }">
	<div>
	<div class="box">
		<div id="sliderDoctor" class="picbox">
			<ul id="ulDoctorSel" class="piclist mainlist">
			<c:forEach var="doctor" items="${doctors}">
			<li class='li${doctor.userId }' title='liDoctor'>
				<div class='box box21'>
					<a href="javascript:showDoctorDes('${doctor.userId }','${doctor.name }');" >
						<img alt='${doctor.name }' src='${doctor.img }' >
					</a>
				</div>
			</li>
			</c:forEach>
			</ul>
	        <ul class="piclist swaplist"> </ul>
		</div>
		<div class="og_prev"></div>
		<div class="og_next"></div>
	</div>
	</div>
	<div id="divSelHospital" style="margin-bottom: 10px;margin-top: 10px;">
		<div class="divSel" style="float: left;padding-left: 5px;" align="left">
			<select id="selProvince" style="width: 90%;" onchange="createSelCity(this.value)"  data-role="none">
				<option value="">选择省份</option>
			</select>
		</div>
		<div class="divSel" style="float: left;" align="center">
			<select id="selCity" style="width: 90%;" onchange="createSelHospital(this.value)"   data-role="none">
				<option value="" >选择城市</option>
			</select>
		</div>
		<div class="divSel" style="float: left;" align="right">
			<select id="selHospital" style="width: 90%;"  onchange="createSelDoctor(this.value)" data-role="none">
				<option>选择医院</option>
			</select>
		</div>
	</div>
	<div>
		<div id="divQuestionnaireList" style="padding-top: 0px;">
		</div>
	</div>


<div id="divDoctorDess" class="divDoctorDesMain" style="padding-top: 10px;padding-left: 5px;padding-right: 5px;padding-bottom: 10px;margin-top: 50px;">
	<c:forEach var="doctor" items="${doctors}" varStatus="status">
	<div name='divDoctorDes' class='divDoctorDes' id='divDoctorDes${doctor.userId }' style='
	<c:if test="${status.count==1 }">display: block;</c:if>
	<c:if test="${status.count>1 }">display: none;</c:if>
	'>
		${doctor.introduction }
	</div>
	</c:forEach>
</div>
		
<div data-role="footer" data-position="fixed"  align="center">
	<a href="javascript:selDoctor('${doctor.userId }','${doctor.name}');" data-role='button' style="width: 90%;">选择</a>
</div>
</div>
</body>
</html>